<template>
	<view>
		<view class="status_bar" :style="{height: statusBarHeight}">
			<!-- 这里是状态栏 -->
		</view>
	</view>
</template>

<script>
	export default {
		name:"status-bar",
		data() {
			return {
				statusBarHeight: ""
			};
		},
		mounted() {
			const res = uni.getSystemInfoSync();
			getApp().globalData.statusBar = res.statusBarHeight
			// console.log(getApp().globalData.statusBar);
			this.statusBarHeight = getApp().globalData.statusBar + "px";
		}
	}
</script>

<style scoped lang="scss">
	// 状态栏
	.status_bar {
		width: 100%;
		// background-color: #ffffff;
		
	}
</style>
